<template>
  <div>
    <!-- 导航 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>用户管理</el-breadcrumb-item>
      <el-breadcrumb-item>用户列表</el-breadcrumb-item>
      <el-breadcrumb-item></el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 面板 -->
    <el-card>
      <el-row :gutter="20">
         <el-col :span="16">
          <el-input placeholder="请输入内容"><el-button slot="append" icon='el-icon-search'></el-button></el-input>
         </el-col>
         <el-col :span="4">
          <el-button type="primary" >添加用户</el-button>
         </el-col>
      </el-row>
      <!-- //表格 -->
          <el-table :data="userList" border stripe>
            <el-table-column type='index' label="序号"></el-table-column>
            <el-table-column prop="username" label="用户名"></el-table-column>
            <!-- <el-table-column prop="email" label="邮箱"></el-table-column>
            <el-table-column prop="createAt" label="创建时间"></el-table-column> -->
            <!-- <el-table-column prop="role_name" label="权限"></el-table-column> -->
            <el-table-column label="操作">
              <!-- <template slot-scope="scope"> -->
                
               <el-button size="mini" type="primary" icon='el-icon-edit'  ></el-button>

                 <el-button size="mini" type="danger" icon='el-icon-delete' ></el-button>
                <!-- </template> -->
            </el-table-column>
          </el-table>
          <!-- 分页 -->
           <!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" 
           :current-page="queryInfo.pagenum" :page-sizes="[2, 5, 10, 20]" :page-size="queryInfo.pagesize"
            layout="total, sizes, prev, pager, next, jumper" :total="total">
           </el-pagination> -->
    </el-card>

  </div>
</template>

<script>
export default {
    data(){
        return{
            userList:[]
        }
    },
    created(){
        this.getUserList()
    },methods:{
        async getUserList(){
            let ret=await this.$http.post('role/list');
            console.log(ret);
            this.userList=ret.data.data;
        }
    }
}
</script>

<style>

</style>